
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap, from Twitter中文版/中文翻译</title>
<link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css">
<!-- Le styles -->
<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}

.sidebar-nav {
	padding: 9px 0;
}
.tools{
  display: none;
  height: 15px;
}
.tools i:hover {
  background-color: rgba(255, 0, 0, .25);
}
.page-header h1 .tools{
  float: right;
}
</style>
<link rel="stylesheet" href="./css/bootstrap-responsive.min.css"
  type="text/css">
  
<script type="text/javascript" src="./js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="./js/jquery.tmpl.min.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
</head>

<body>

  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container-fluid">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
          <span class="icon-bar"></span>
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span>
        </a> 
        <a class="brand" href="#">URL2Sql</a>
          
        <div class="nav-collapse">
          <ul class="nav">
            <li><a href="url2sqlMapping.html">首页</a></li>
            <li><a href="interceptor.html">拦截器</a></li>
            <li class="active"><a href="sql.html">Sql工具</a></li>
          </ul>
          <p class="navbar-text pull-right">
            <a href="#">退出</a>
          </p>
        </div>
        <!--/.nav-collapse -->
      </div>
    </div>
  </div>

  <div class="container-fluid">
    
    <div class="page-header">
      <h1>
        URL<small>表名</small>
        <span class="badge badge-success">启用</span>
        <span class="tools">
          <i class="icon-pencil" title="修改"></i>
          <i class="icon-plus" title="增加"></i>
          <i class="icon-remove" title="删除"></i>
          <i class="icon-plus-sign" title="增加路径"></i>
        </span>
      </h1>
      <table class="table table-bordered table-striped">
        <tr>
          <th>路径</th>
          <th>拦截JS</th>
          <th style="width: 70px;">状态</th>
          <th style="width: 80px;">操作</th>
        </tr>
        <tr>
          <td>/index</td>
          <td>js</td>
          <td><span class="badge badge-success">启用</span></td>
          <td>
            <span class="tools">
              <i class="icon-pencil" title="修改"></i>
              <i class="icon-plus" title="增加"></i>
              <i class="icon-remove" title="删除"></i>
            </span>
          </td>
        </tr>
      </table>
    </div>

    <hr>
    <footer>
      <p>Say:后端是前端的Mysql.</p>
    </footer>
  </div>
  
  
  <div class="modal hide" id="deleteDialg">
    <div class="modal-header">
      <a class="close" data-dismiss="modal">×</a>
      <h3 sign="title">确定删除</h3>
    </div>
    <div class="modal-body">
      <p sign="content">确定删除吗？</p>
    </div>
    <div class="modal-footer">
      <a href="#" class="btn">关闭</a>
      <a href="#" sign="del" class="btn btn-primary">确定</a>
    </div>
  </div><!-- 删除对话框完毕 -->
  
  <div class="modal hide" id="editDialg">
    <div class="modal-header">
      <a class="close" data-dismiss="modal">×</a>
      <h3 sign="title">修改</h3>
    </div>
    <div class="modal-body">
      <div>
          <input class="input-xlarge" name="" style="width:70%" placeholder="路径" title="路径"/>   
          <span class="badge badge-success" style="float: right;">启用</span>
      </div>
      <div>
          <input class="input-xlarge" name="" style="width:100%" placeholder="数据验验" title="数据验验"/>   
      </div>
      <div>
          <textarea class="input-xlarge" name="" style="width:100%;height: 50px;" placeholder="Sql" title="Sql"></textarea>   
      </div>
      <div>
          <textarea class="input-xlarge" name="" style="width:100%;height: 50px;" placeholder="拦截JS" title="拦截JS"></textarea>   
      </div>
    </div>
    <div class="modal-footer">
      <a href="#" class="btn">关闭</a>
      <a href="#" sign="del" class="btn btn-primary">确定</a>
    </div>
  </div>
  
  <!--/.fluid-container-->
  <script type="text/javascript">
  	
  </script>
  <script type="text/javascript" src="./js/url2sql.js"></script>
</body>
</html>
